<template>
    <el-dialog id="SendMessage" title="发送短信" :visible.sync="dialogshow" :before-close="dialogClose"  style="display:none;">
        <el-form size="mini" :model="Sendmssages" label-width="100px">
            <el-form-item label="接收人姓名" prop="nickname">
                <el-input v-model="Sendmssages.nickname" placeholder="接收人姓名" class="clientName"
                          disabled></el-input>
            </el-form-item>

            <el-form-item label="短信内容" prop="name">
                <el-input v-model="Sendmssages.name" placeholder="输入短信内容" class="clientName"></el-input>
            </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button @click="dialogClose">取 消</el-button>
            <el-button type="primary" @click="dialogAdd">确定发送</el-button>
        </div>
    </el-dialog>
</template>

<style>

</style>

<script>
  module.exports = {
    methods:{
      dialogAdd(){
        this.$confirm('是否继续操作?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.$message({
            type: 'success',
            message: '操作成功!'
          })
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消'
          })
        })
      },
      dialogClose(){
        this.$emit('dialog_close',1)
      }
    },
    props: ['dialogshow'],
    data (){
      return {
        // dialogshow:false,
        Sendmssages:{
          address:'',
          customercate:'',
          nickname:'',
          creditrank:'',
          name:'',
        },
        customerstaffs:[
          { typename: '员工一',
          id:1,
           },
          { typename: '员工二',
          id:2, },
          { typename: '员工三',
          id:3, },
          { typename: '员工四',
          id:4, },
        ],
        changeReason:[
          { typename: '原因一',
          id:1, },
          { typename: '原因二',
          id:2, },
          { typename: '原因三',
          id:3, },
          { typename: '原因四',
          id:4, },
        ]
      }
    }
  }
</script>
